<%-- 
    Document   : index
    Created on : 29-feb-2012, 17:52:10
    Author     : John Mex
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="Controller.Acceso.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Inicio :: YoTeLlevo.com</title>
        
        <link rel="stylesheet" type="text/css" href="public/css/index_style.css" />
         <link rel="stylesheet" type="text/css" href="public/bootstrap/css/bootstrap-responsive.css" />
         <link rel="stylesheet" type="text/css" href="public/bootstrap/css/bootstrap.css" />
         <link rel="stylesheet" type="text/css" href="public/css/south-street/jquery-ui.css" />
                 
         <script type="text/javascript" src="public/js/jquery.min.js"></script>
         <script type="text/javascript" src="public/js/jquery_ui.js"></script>
         <script type="text/javascript" src="public/js/index.js"></script>
         
       
         <script>
             
             
             $(document).ready(function(){
               <%
             
             if(request.getAttribute("deniedAccesMessage")!=null)
             {
                  String message = String.valueOf(request.getAttribute("deniedAccesMessage"));
                  out.print("$('#invalidData').html('<h3>"+message+"</h3>');");
                  out.println("$('#invalidData').dialog('open');");
             }
              %> 
             });
             
         </script>
              
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '165140523606829',
            status     : true,
            cookie     : true,
            xfbml      : true,
            oauth      : true
          });
        };
        (function(d){
           var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
           js = d.createElement('script'); js.id = id; js.async = true;
           js.src = "//connect.facebook.net/en_US/all.js";
           d.getElementsByTagName('head')[0].appendChild(js);
         }(document));
      </script>

    </head>
    <body>
        
            <div class="navbar navbar-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">YoTeLlevo.Com</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">Acerca de</a></li>
              <li><a href="#contact">Contacto</a></li>
            </ul>
          </div><!--/.nav-collapse -->
           <table style="float:right;">
               <tr>
                   <td><a href="<%out.println(Facebook.getLoginRedirectURL());%>"><img src="public/images/FB.jpg" /></a></td>
                   <form id="loginForm" method="post" action="Login">
                   <td><input type="text" id="email-login" name="email-login" class="input-small" placeholder="Email"></td>
                   <td><input type="password" id="password-login" name="password-login" class="input-small" placeholder="Password"></td>
                   <td> <button type="submit" id="loginButton" class="btn">Iniciar Sesión</button></td>                   
                   </form>
                </tr>
           </table>
        </div>
      </div>
    </div>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <div id="indexBanner">
           <div id="video">
            <video width="700" height="400" controls="controls">
                <source src="public/images/video.mp4" type="video/mp4" />
              
             Your browser does not support the video tag.
            </video>
            </div>
        </div>
          <br />
          <h3 id="indexMessage">Tu mejor opción para conocer gente y obtener un Aventón</h3>
          <br/>
          <button id="registerButton" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><h3>Registrarme</h3></span></button>
      </div>
      
      <hr>
      
      <div id="invalidData" title="ERROR!!"></div>
      
     
   

      <footer>
        <p> <center>&copy; Administración de Proyectos II | 2012 | Equipo Azul | Facultad de Matemáticas</center></p>
      </footer>

    </div> <!-- /container -->
        
    </body>
</html>
